<html>
<body style="padding-left:12px; padding-right:12px; padding-top:8px; padding-bottom: 8px; margin: 0px; border-radius: 8px;">
    <meta name="color-scheme" content="dark light">
    <script src="https://app.reader/darkreader.js"></script>

    <script>
        function RenderHTML(htmlString) {
            var containerDiv = document.getElementById("readerDiv");
            containerDiv.innerHTML = htmlString;
        }

        function ChangeFontFamily(fontFamily) {
            var containerDiv = document.getElementById("readerDiv");
            containerDiv.style.fontFamily = fontFamily;
        }

        function ChangeFontSize(size) {
            var containerDiv = document.getElementById("readerDiv");
            containerDiv.style.fontSize = size;
        }

        function SetLightEditor() {
            document.documentElement.setAttribute('data-theme', 'light');
            DarkReader.disable();
        }

        function SetDarkEditor() {
            document.documentElement.setAttribute('data-theme', 'dark');
            DarkReader.enable();
        }
    </script>

    <link rel="stylesheet" href="https://app.reader/reader.css" />
    <div id="readerDiv">
    </div>
    <link rel="stylesheet" href="https://app.reader/global.css" />
</body>
</html>
